<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    body {
        font-size: 12px;
    }

    p {
        font-weight: bold;
    }

    span {
        color: red;
    }

    p span {
        display: none;
    }
</style>
<body>
<p>
    <span>1111</span>
</p>
<span>222</span>
</body>
<script>
    //    const getJSON = function(url) {
    //        const promise = new Promise(function(resolve, reject){
    //            const handler = function() {
    //                if (this.readyState !== 4) {
    //                    return;
    //                }
    //                if (this.status === 200) {
    //
    //                    resolve(this.response);
    //                } else {
    //                    reject(new Error(this.statusText));
    //                }
    //            };
    //            const client = new XMLHttpRequest();
    //            client.open("GET", url);
    //            client.onreadystatechange = handler;
    //            client.responseType = "json";
    //            client.setRequestHeader("Accept", "application/json");
    //            client.send();
    //
    //        });
    //
    //        return promise;
    //    };
    //    getJSON('/posts.json').then(function(posts) {
    //         console.log(1);
    //    }).then((resolved)=>{
    //        console.log(1);
    //    }).catch((error)=>{
    //        console.log(error);
    //    });
    // 生成一个Promise对象的数组
    //const promises = [2, 3, 5, 7, 11, 13].map(function (id) {
    //    return getJSON('/post/' + id + ".json");
    //});
    //
    //Promise.all(promises).then(function (posts) {
    //        console.log(1);
    //}).catch(function(err){
    //    console.log(err);
    //});
    //    console.log(2);
    //    const p1 = new Promise((resolve, reject) => {
    //                resolve('hello');
    //                console.log(3);
    //    })
    //    .then(result => {console.log(result)});
    //
    //    const p2 = new Promise((resolve, reject) => {
    //                throw new Error('报错了');})
    //    .then(result => result)
    //    .catch(err=>{console.log(err)});
    //
    //
    //    Promise.all([p1, p2])
    //            .then(result => console.log(result))
    //            .catch(e => console.log(1));
    //    const preloadImage = function (path) {
    //        return new Promise(function (resolve, reject) {
    //            const image = new Image();
    //            image.onload  = resolve;
    //            image.onerror = reject;
    //            image.src = path;
    //        });
    //    };
    //    preloadImage('/posts.json')
    //            .then((resolve)=>{console.log(resolve)})
    //            .catch(err=>{console.log(err)});
    //    let a = 1;
    //    let promise = new Promise((resolve,reject)=>{
    //                resolve(a);
    //                  setTimeout(()=>{
    //                      console.log(3);
    //                  },1000);
    //
    //                console.log(2);
    //            });
    //    promise.then((e)=>{
    //        console.log(e);
    //    });
    //    let timer = requestAnimationFrame(function(){
    //        console.log(0);
    //    });
    //    let timer1 = requestAnimationFrame(function(){
    //        console.log(2);
    //    });
    //    console.log(timer);
    //    console.log(timer1);
    if (typeof(Worker) !== "undefined") {
        console.log("支持")
    }
    else {
        console.log("不支持")
        //抱歉! Web Worker 不支持
    }
</script>
</html>